/**
 * 添加拦截器:
 *   拦截 request 请求
 *   拦截 uploadFile 文件上传
 *
 * TODO:
 *   1. 非 http 开头需拼接地址
 *   2. 请求超时
 *   3. 添加小程序端请求头标识
 *   4. 添加 token 请求头标识
 */
import use_user from '@/stores/use_user'
// const user = use_user()

import {
	myRouter
} from '@/utils/permission.js'

export const baseUrl = 'http://localhost:8889'
export const 上传路径 = `${baseUrl === "/" ? "" : baseUrl}/fileUploadAndDownload/upload`


const 请求拦截 = {
	invoke(options) {
		// 1. 非 http 开头需拼接地址
		let url = options.url
		if (!url.startsWith('http')) {
			url = baseUrl + url
		}

		if (options.params) {
			const queryStrings = Object.keys(options.params).map(key => {
				const value = options.params[key];
				// 针对多层对象进行处理，例如 { key: [value1, value2] }  
				if (Array.isArray(value)) {
					return value.map(v => `${encodeURIComponent(key)}=${encodeURIComponent(v)}`).join('&');
				}
				return `${encodeURIComponent(key)}=${encodeURIComponent(value)}`;
			}).join('&');
			// 判断 URL 是否已包含查询字符串
			url += (url.includes('?') ? '&' : '?') + queryStrings
		}
		options.url = url

		// 2. 请求超时, 默认 60s
		options.timeout = 10000
		// 3. 添加小程序端请求头标识
		options.header = {
			...options.header,
			// 'source-client': 'miniapp',
		}
		// 4. 添加 token 请求头标识
		const user = use_user()
		// console.log('user.userInfo: ',user.userInfo);
		const token = user.userInfo?.token
		// console.log('token: ',token);
		if (token) {
			// options.header.Authorization = token
			// gva自定义请求头
			options.header['x-token'] = token
		}
		// console.log('invoke options: ', options);
	},
}
uni.addInterceptor('request', 请求拦截)
uni.addInterceptor('uploadFile', 请求拦截)

/**
 * 请求函数
 * @param  UniApp.RequestOptions
 * @returns Promise
 *  1. 返回 Promise 对象
 *  2. 获取数据成功
 *    2.1 提取核心数据 res.data
 *    2.2 添加类型，支持泛型
 *  3. 获取数据失败
 *    3.1 401错误  -> 清理用户信息，跳转到登录页
 *    3.2 其他错误 -> 根据后端错误信息轻提示
 *    3.3 网络错误 -> 提示用户换网络
 */
export const request = (options) => {
	// console.log('options: ', options);
	// 1. 返回 Promise 对象
	return new Promise((resolve, reject) => {
		uni.request({
			...options,
			// 响应成功
			success(res) {
				const user = use_user()
				if (res.data.code != 0) {
					uni.showToast({
						title: res.data.msg,
						icon: 'none'
					});
					if (res.data.code == 7) {
						console.log('token过期res: ', res);
						user.清空()
					}
				}
				if (res.header['new-token']) {
					// uni.setStorageSync('x-token', res.header['new-token'])
					user.userInfo.token = res.header['new-token']
				}
				// 状态码 2xx， axios 就是这样设计的
				if (res.statusCode >= 200 && res.statusCode < 300) {
					// 2.1 提取核心数据 res.data

					resolve(res.data)
				} else if (res.statusCode === 401) {
					// 401错误  -> 清理用户信息，跳转到登录页
					user.清空()
					myRouter("/pages/login/index")
					reject(res)
				} else {
					// 其他错误 -> 根据后端错误信息轻提示
					uni.showToast({
						icon: 'none',
						title: (res.data).msg || '请求错误',
					})
					reject(res)
				}
			},
			// 响应失败
			fail(err) {
				uni.showToast({
					icon: 'none',
					title: '出错了👉' + JSON.stringify(err),
					duration: 3000
				})
				reject(err)
			},
		})
	})
}